@charset "utf-8";
body{ font-size: 12px;  background-color: #f5f5f5;}
.wrap{ max-width: 750px; margin:0 auto; height: 100%; padding-bottom: 13%;}
/*首页*/
.sellType{ width: 100%; background: #fff;margin-top: 0px;}
.sellList{ width: 26%; text-align: center; font-size: 24px; background: #fff;}
.sellList li{ height: 120px;position: relative; line-height: 60px;}
.sellList li a{ color: #000; height: 120px;padding: 0 5px;}
.sellList li.line{ line-height: 60px; padding-top: 10px;}
.sellList li.active a{background: #f0f0f0; color: #3db5e6; display: block;}
.sellList li.active span{width: 10px; height:100%; background: #3db5e6}
.sellList span{ position: absolute; left: 0; top: 0; background:#f0f0f0;}
.sellList{ float: left;}
.sellCon{ float: left;width: 74%; background: #f0f0f0;padding-bottom: 50px;}
.sellConList01{ float: left; margin-left: 1.5%; width: 48%; margin-top: 12px; border:1px solid #dddddd; background: #fff; height: 480px; position: relative;}
.sellConList01 a{ color: #333333; width: 265px; height: 264px;}
.sellConList01 a img{ width: 100%; height: 264px;}
.activity{ width: 100%; padding-top: 10px;}
.sellConList01{ padding-bottom: 10px;}
.sellConList01 p{padding-left: 10px;}
.sellConList01 p:nth-of-type(1){ color: #333333; font-size: 22px;}
.sellConList01 p:nth-of-type(2){ font-size: 26px;  padding-top: 10px;}
.sellConList01 .exclusive{ background: #ff828a; color: #fff; font-size: 14px; padding: 1% 3%; margin-left: 5%;}
.f1{ font-size: 20px; }
.sellConList01 p:nth-of-type(3){ color: #43bdef; font-size: 26px;padding-top: 10px;}
.sellConList01 p:nth-of-type(4){color: #808080; padding-top: 4%; font-size: 24px;}
.sellCon{ display: none;}
.s6 small{ font-size: 16px; }


 /*商品详细页*/
 .infoDetail{ width: 100%; background-color: #fff; padding-bottom: 10px;}
 .descriptionDetail{ padding:0 20px}
 .descriptionDetail .bookInfo{  font-size: 24px; padding: 10px 0;}
 .bookDescription{ font-size: 22px; }
 .knowledge .oPrice{ float: left; font-weight: bold;}
 .knowledge .ybPay{ padding-left: 2%; font-weight: bold;}
 .knowledge .remaining{ float: right; border: 1px solid #eeeeee; padding:10px 20px; margin-right: 20px;  color: #666666; font-size: 16px; border-radius: 5px; }
 .knowledge .oPrice,.grey{ font-size: 28px; padding-left: 10px;}
 .knowledge .bigPrice{ font-size: 32px; line-height: 60px;}
 .knowledge .mailType{ font-size: 22px; padding:5px 20px; font-weight: normal;color: #ff828a; border:1px solid #ff828a; margin-left: 20px;}
 .inventory{ padding: 5px 10px; border:1px solid #999; font-size: 24px; margin-left: 100px; border-radius: 5px; color: #999; font-weight:normal;}
 .purchase{ padding: 0 20px; }
 .purchase .purchaseTitle{ display: block; float: left; font-size: 24px;}
 .purchaseNum{ float: right; font-size: 24px;}
 .purchaseNum input.sumNum{ width: 100px; text-align: center; float: left; line-height: 40px; font-size: 18px; height: 40px; border-bottom: 1px solid #999999; border-top: 1px solid #999999;}
 .purchaseNum a:hover{background: #f0f0f0;}
 .buyNum{ width: 100%; background: #fff; margin-top: 10px; padding: 20px 0;}
 .purchase{padding: 0 20px;}
 .purchaseNum span{border: 1px solid #999999; display: block; float:left;}
 .purchaseNum span a{ display: block;padding: 5px 15px; color: #000;}
 .purchaseNum .Reduction{ border-radius: 5px 0 0 5px; }
 .purchaseNum .sumNum{ border-left: none; border-right: none; }
 .purchaseNum .add{ border-radius: 0 5px 5px 0; }
 .graphicTitle{ border-bottom: 1px solid #dddddd; font-size: 30px; height: 88px; line-height: 88px; width: 100%;}
 .graphicTitle  a{ width: 50%; text-align:center; display: block; float: left; color: #999999; position: relative;}
 .graphicTitle  a.active{ color: #000;}
 .graphicTitle  a span{ display: block; width: 100%; height: 4px;position: absolute; bottom: 0;background: #fff;}
 .graphicTitle  a.active span{ background: #ff828a; width: 100%;}
 .graphicDetails{ background: #fff; padding-bottom: 20px;  margin-top: 10px;}
 .graphicInfo{ padding-bottom: 20px; display: none; font-size: 28px;word-break: break-all; padding: 5%; width: 100%;}
 .graphicInfo img{max-width: 100%; display: block;}
 .swiper-pagination-bullet{ background:#bfe3f1; opacity: 1;}
 .swiper-pagination-bullet-active{background: #fff;}
 .swiper-container-horizontal>.swiper-pagination{ right: 0; }

/*商品列表*/

.headerFixed{position: fixed;width: 100%; top: 0; left: 0; z-index: 100; background: #f5f5f5;
 height: 170px; padding-top: 10px;}
 .headerFixed1{ height: 100px; font-size: 24px;}
.search{ height: 70px;}
.seek{ width: 94%;font-size: 20px; height: 70px; line-height: 70px; border-radius: 35px; background: url(../images/search.jpg) no-repeat 10px center #fff; padding-left: 40px; position: absolute; left: 3%;}
.goodList{ width: 100%;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee; height: 85px;
position: absolute; top: 70px;}
.listTitle{width: 100%;background: #fff; height: 85px; line-height: 85px; position: absolute; top: 90px; position: relative;}
.list_ship{ position: absolute; top: 85px; width: 33.33%; text-align: center; font-size: 24px; background: #fff;}
.list_ship li{ line-height: 60px;}
.list_ship li a{ float: none; width: 100%; border-top: 1px solid #eeeeee;}
 #lsit_type{color: #999999;}
.listTitle a{ width: 33.33%; text-align: center; display:block; float: left; color: #999999; font-size: 24px;}
.listTitle a.active{ color:#333333}
.listTitle a:nth-of-type(1),a:nth-of-type(2){ border-right: 1px solid #eeeeee; }
.listTitle a:nth-of-type(2),.listTitle a:nth-of-type(3){ position: relative; background: url(../images/bg01.png) no-repeat 92% 45%;}
.listTitle a.active01{background: url(../images/bg02.png) no-repeat 92% 45%; }
.listTitle a:nth-of-type(2) span,.listTitle a:nth-of-type(3) span{ position: absolute;left: 70%;}
.contentDetail{ background: #fff; height: 100%; overflow: auto; margin-top: 10px;}
.contentList{ padding:0 20px;}
.listInfo .pic{ float: left; padding-top: 20px; width: 27%;}
.listInfo .pic a{ width: 200px; height: 200px; }
.listInfo .pic a img{ width: 100%; }
.picInfo{ float: left; width: 70%; margin-left: 10px; margin-top: 10px; border-top: 1px solid #eeeeee; padding-top: 20px;}
.picInfo .bookInfo{color: #333333; display: block; padding-bottom: 40px;}
.ybPay,.oPrice { padding-left: 10px; padding-top: 30px;}
.ybPay1,.oPrice1 { padding-left: 10px; padding-top: 40px;}
.ybPay small{ font-size: 20px; }
.ybPay .presentPrice,.presentPrice01{ font-size: 30px;}
.ybPay{ position: relative; padding-left: 10px;}
.ybPay .specialPay{ background: #ff828a; padding: 1px 0; width: 72px; color: #fff; margin:0 10px; position: absolute; top: 5px; font-weight: normal; text-align: center;}
.oPrice small{ font-size: 18px; }
.presentPrice{ font-size: 30px; padding-right: 5px;}
.originalPrice{color: #cccccc; font-size: 30px; text-decoration:line-through}
.priceSum{ float: right; margin-top: 10px; font-size: 16px; color: #808080; text-align: right;}
.oPriceNum{ font-size: 16px; }
.footer{ text-align: center;}
.more{  line-height: 100px; height: 100px; font-size: 24px; color: #999999; border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;}
.more a{ color: #999; }
.footer{ position: relative; }
.footer .gecPic{ background: url(../images/gwclogo01.png) no-repeat right center; width: 91px; height: 92px; background-size: contain; display: block; 
right: 30px; bottom: 20px; position: fixed;}
.footer .goodsTotal{position: fixed; right: 40px; color: #fff; bottom:85px;font-size: 16px;}
.dh a:nth-of-type(3){ position: relative; }
.dh span.oNum{ position: absolute; font-size: 16px; display:inline-block; width: 40px; height: 40px; border-radius:20px; background-color: #3db5e6; color: #fff;
 line-height: 40px; top: 10%; right: 10%;}
 #warpTop section{ display: none;}

/* 订单填写页面*/
.receivingInfo{background: #fff; font-size: 22px;color:#a1a1a1; width: 100%; padding: 10px;}
.receivingCon{ margin: 10px;padding-top: 10px; position: relative;}
.receivingCon .fr{ position: absolute; right: 10px; top: 55px;}
.receivingPeople .receivingName,.receivingTel{ color:#333333;}
.receivingPeople .receivingName{ margin-left: 10%; }
.receivingPeople .receivingTel{ float: right; margin-right: 10%;}
.receivingAddress{ padding: 30px 0 15px 0; }
.receivingAddress span{ float: left; }
.receivingAddress address{ float: left; width: 70%; margin-left:7%; color: #333333}
.payType{ background: #fff;margin-top: 10px;}
.payChoose{ width: 100%; background: #fff; padding: 20px 0;font-size: 20px; border-bottom:1px solid #f5f5f5; padding-left: 20px;}
.payChoose span{ color: #d7640e;}
/*checkbox 开关按钮*/
.preferentialIcon{ float: left; line-height: 40px;}
.row{ float: right;margin-right: 18px;}
.lbl {position: relative;display: block; height: 40px; width: 72px;background: #898989;border-radius: 100px;cursor: pointer;transition: all 0.3s ease;}
.lbl:after {position: absolute;left: 0px;top: 0px;display: block; width: 40px;height: 40px;border-radius: 100px;background: #fff;content: '';transition: all 0.3s ease;}
.cbx:checked ~ label {background: #32cd33;}
.cbx:checked ~ label:after { left: 32px;background: #fff;}
.cbx:disabled ~ label:after { background: #fff;}
.hidden {display: none;}
/*checkbox 开关按钮*/
/*二维码生成、条形码生成*/
.barCode{font-size: 24px; }
.barCode span{ line-height: 48px; }
.qrGenerated{ padding: 5px 10px; border: 1px solid; margin-right: 18px; border-radius: 5px; color: #666; float: right;}
/*遮罩层*/
.overLayer{ height: 100%; width: 100%; background: #666; z-index: 101; position: absolute; top: 0; left: 0; opacity: 0.1; display: none; padding-top: 30px; border-radius: 10px;}
.barlayerCon{ position: fixed; left: 50%; top: 50%; width: 660px; height: 600px; margin-top: -300px; margin-left: -330px; z-index: 120;display: none; background: #fff;}
.barCodeAdd{ margin-bottom: 20px; width: 660px; overflow: hidden;}
.canbar{ background:#fff; margin-top: 30px; display: block;}
.checkWinxin{  float: right;margin-right: 18px;}
.checkButton{ background: url(../images/radioUnchecked.png) no-repeat right center;padding-left: 40px; background-size: contain; width: 38px; height: 72px;}
.wenxinCheckbox:checked + .checkButton{ background: url(../images/radioChecked.png) no-repeat right center;padding-left: 40px; background-size: contain; width: 38px; height: 72px;}
.needPayInfo{ float: left;}
.needPayNum{ float: right; margin-right: 18px; color: #666}
.WeChatPay{ background: #fff; margin-top: 10px; }
.WeChatIcon{ background: url(../images/weixinico.png) no-repeat 20px center; height: 90px; line-height: 90px; float: left;}
.WeChatIcon p{ padding-left: 80px; font-size: 24px;}
.payChoose03{background: url(../images/right.jpg) no-repeat right center;}
.payChoose01{ width: 100%; background: #fff;padding: 20px 0;font-size: 20px; position: relative;}
.payChoose01 .fr{ position: absolute; right: 10px; top: 15px; }
.payChoose02{ width: 100%; background: #fff; background: url(../images/xiaotubiao-21.gif) no-repeat right center; padding: 20px 0;
font-size: 20px;}
.payChoose .paySelect,.payChoose01 .paySelect{ float: left; color: #a1a1a1; padding-left: 18px;}
.payChoose  .payNotes,.payChoose01 .payNotes01{ float: right;margin-right: 7%;}
.payChoose01 .payNotes01 a{ color: #333333;}
.numOf{ float: right; font-size: 20px; }
.footerBg{ height: 100px; width: 100%; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; }
.calculate{ height: 100px; line-height: 100px; width: 100%;}
.combined{ width: 70%; float: left; background: #ffffff; color: #333333; font-size: 24px; padding-left: 5%; height: 100%;}
.combined .sumAll{ font-size: 36px; }
.settlement{ width: 30%; float: left; background: #ff828a; }
.settlement a{ display: block; color: #fff; text-align: center; font-size: 36px;}
.save{ color: #999999;}
.addCart{ position: fixed; bottom:0; width: 100%; background: #fff; padding-bottom: 10px; padding-top: 5px; z-index: 1000;}
.addCart a{ width: 45%; font-size: 30px; display: inline-block; text-align: center; border: 1px solid #dddddd;
height: 86px; line-height: 86px; color: #dddddd; border-radius: 5px; margin-left:3%;}
.addCart a.active{ color: #fff; background: #ff828a;}
.inputControl input{ display: none; }
.inputControl{ color: #999999 }
.inputControl .check{background: url(../images/radioUnchecked.png) no-repeat; background-size: contain;
 width: 30px; height: 30px;padding: 0;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.inputControl.radio input[type="radio"]:checked ~ .check{ background: url(../images/radioChecked.png) no-repeat; background-size: contain; }
.chooseList ul li{ height: 90px; line-height: 90px; font-size: 22px; border-bottom: 1px solid #eeeeee; }
.payChooseList{ background: #fff; }
.chooseList{ padding-left: 2%; display: none; }
.payNotes{ color: #333333; }


/*个人中心*/
.bglogo{ width: 20%;  margin: 0 auto; padding: 10% 0;}
.bglogo img{ width: 100%; }
.help{ width: 100%; height: 100px; line-height: 100px; background: #fff; font-size: 24px; }
.helpType{ text-align: center; color: #333333 }
.order{background: #fff; margin-top: 10px; }
.orderList{ padding: 0 20px; }
.orderNo{color:#999999; font-size: 26px; height: 90px; line-height: 90px;}
.orderNo .withPay,.noInfo{ color: #333333;}
.orderNo .withPay{ float: right;}
.orderNo .noInfo{ margin-left: 5px;}
.orderCon{ width: 100%;}
.orderConImg{ float: left; margin: 10px; width: 28%;}
.orderConInfo{ float: left; width: 67%; margin: 20px 0; font-size: 26px; color: #333333; margin-left: 15px;}
.orderConInfo a{color: #333333}
.orderNum{ text-align: right; }
.oprice{ font-size: 28px; margin-top: 50px;}
.orderSelect{ text-align: right; padding: 15px 0; }
.orderSelect a{ border-radius: 5px; width: 20%; height: 48px;font-size:24px; display: inline-block; line-height: 48px; text-align: center;}
.removeOrder{ background: #fff; border:1px solid #eee;  color: #666666}
.orderSelect .goPay{ color: #ff828a; border:1px solid #ff828a;background: #fff; }
.oprice small{ font-size: 24px; }
.oprice .ybzf{ font-size: 28px; position: relative;}
.oprice .k5{ font-size: 14px; background: #ff828a; color: #fff; position: absolute; top: 5px; margin-left: 5px; padding:1px 5px;}
.oprice .k6 .fRight{ float: right; font-size: 26px; }

/*购物车页面*/
.cartList{ background: #fff; position: relative;}
.cartList .contentList{ padding: 0; }
.cartList .contentList .pic{ padding-left: 20px; }
.cartList .contentList .picInfo{ width: 66%; padding-left: 18px;}
.yoyotu{ float: left;  }
.picInfo .purchaseNum{ margin-top: 15px; } 
.contentList{ overflow: hidden;}
.cartList .contentList .listInfo{ padding-bottom: 18px; border-bottom: 1px solid #eeeeee;
transform:translateX(0px);z-index: 10; background: #fff;}
.recommendations{ width: 100%;} 
.recommendationsList{ float: left; width: 46%; background: #fff; margin-left:2.6%; }
.recommendationsList p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.bookInfo{ padding-left: 10px; font-size: 23px; padding-bottom: 10px;}
.bookInfo a{ color: #333333; font-size: 24px; }
.recommendationsList a{ display: block;}
.recommendationsList img{ width: 345px; height: 265px; }
.originalPrice small,.presentPrice small{ font-size: 18px; }
.paySum{ font-size: 16px; color: #dadada; }
.bookInfo a{ height: 60px; }
.bookInfo p:nth-of-type(2){ padding-top: 0; }
.bigFontsize{ font-size: 23px; }
.delete{ position: absolute; right: -120px;}
.delete a{ background:#ff4539; position: absolute; right: 0; width: 120px; height:240px; text-align: center; line-height: 240px;
font-size: 28px; color: #fff;z-index: 1}
.purchaseNum .active{ background: #f0f0f0 }

/* .sellList{ position: absolute; left: 0; right: 0; }
.sellCon{position: fixed; top: 0;right: 0; height: 100%;}  */
body{position: relative;}